<!DOCTYPE html>
<html lang="zh-Hans">
  <head>
    <meta charset="UTF-8" />
    <title>首页 - 豆豆笔记</title>
    <meta property="og:title" content="首页 - 豆豆笔记" />
    <meta name="description" content="豆豆笔记是一个中文IT技术交流平台,包含原创博客、技术论坛、资源下载等服务的个人IT开发技术社区。" />
    <meta property="og:description" content="豆豆笔记是一个中文IT技术交流平台,包含原创博客、技术论坛、资源下载等服务的个人IT开发技术社区。" />
    <meta name="keywords" content="豆豆笔记,豆豆笔记论坛,软件教程" />
    <meta property="og:keywords" content="豆豆笔记,豆豆笔记论坛,软件教程" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="index, follow" />
    <link rel="stylesheet" href="/layui/css/layui.css" />
    <link rel="stylesheet" href="/static/css/main.css" />
	<style>
	.ws-gitee-img{
	  display:none;
	}
	.ws-gitee-img-white{
	  display:inline;
	}
	.dark .ws-gitee-img-white{
		display:none;
	}

	.dark .ws-gitee-img-dark{
		display:inline;
	}


	</style>
  </head>
  <body>
    <div class="layui-header ws-header ws-bg-light">
      <div class="layui-container">
        <div class="ws-logo">
          <a class="logo" href="/" style="display: inline; align-items: center; font-size: 30px">
            <img src="/img/logo.png" loading="lazy" alt="豆豆笔记" style="color: #16baaa; font-size: 30px; width: auto; height: 30px; line-height: 60px; margin-right: 10px" />
            <text style="margin-left: 0">豆豆笔记</text>
          </a>
        </div>
        <div class="ws-header-menu">
          <ul class="layui-nav layui-bg-gray ws-bg-light">
            <li class="layui-nav-item layui-this"><a href="/">首页</a></li>
            <li class="layui-nav-item"><a href="/link/">归档</a></li>
            <li class="layui-nav-item"><a href="/about/">关于</a></li>
            <li class="layui-nav-item"><a href="/tool/">导航</a></li>
            <li class="layui-nav-item"><a href="/sponsor/">赞助</a></li>
          </ul>
          <div class="ws-header-tool ws-bg-light" style="display: inline-block">
            <div class="layui-form" lay-filter="form">
              <input type="checkbox" name="themeMode" lay-filter="header-theme-mode" lay-skin="switch" />
              <div lay-checkbox>
                <i class="layui-icon layui-icon-moon"></i> |
                <i class="layui-icon layui-icon-light"></i>
              </div>
            </div>
          </div>
        </div>
        <div class="ws-header-menu-btn">
          <a class="ws-menu-phone" href="javascript:;" style="display: block">
            <i class="ws-header-menu-icon layui-icon layui-icon-shrink-right"></i>
          </a>
        </div>
      </div>
    </div>
    <div class="ws-menu-phone-list">
      <div style="background-color: inherit">
        <div style="height: 60px; text-align: right; display: flex; justify-content: space-between">
          <div class="ws-theme-icon-btn" style="border-radius: 7px; display: inline; margin-left: 40px; height: 40px; width: 40px; line-height: 40px; background-color: #d2d2d2; margin-top: 10px; text-align: center">
            <i class="ws-theme-icon layui-icon layui-icon-moon" style="color: #333333"></i>
          </div>
          <i class="ws-menu-phone-close layui-icon layui-icon-error" style="color: #333333; line-height: 60px; font-size: 23px"></i>
        </div>
        <ul>
          <li style="border-top: 1px solid #888888; padding: 20px 40px">
            <a href="/">首页</a>
          </li>
          <li style="border-top: 1px solid #888888; padding: 20px 40px">
            <a href="/link/">归档</a>
          </li>
          <li style="border-top: 1px solid #888888; padding: 20px 40px">
            <a href="/about/">关于本站</a>
          </li>
          <li style="border-top: 1px solid #888888; padding: 20px 40px">
            <a href="/tool/">导航</a>
          </li>
          <li style="border-top: 1px solid #888888; padding: 20px 40px">
            <a href="/sponsor/">赞助我们</a>
          </li>
        </ul>
      </div>
    </div>

    <div class="layui-main ws-main ws-bg-light">
      <div>
        <img loading="lazy" class="ws-home-banner" src="/img/banner.jpg" />
      </div>
      <div class="ws-info">
        <div class="ws-avatar" style="padding: 1px">
          <img class="" loading="lazy" src="/img/avatar1.jpg" alt="avatar" />
        </div>
        <div class="layui-font-14 ws-data">
          <div class="layui-font-20">
            <strong>奶茶配饭</strong>
            <i class="wx-margin-left-3 layui-icon layui-icon-diamond layui-font-20 ws-font-orange"></i>
          </div>
          <div>
            <span class="ws-lv ws-margin-right-20 ws-font-black ws-bg-light layui-hide">等级：Lv30</span>
            <span class="ws-points ws-margin-right-20 ws-font-black ws-bg-light layui-hide">积分：56856</span>

			<span class="ws-points ws-margin-right-20 ws-font-black ws-bg-light">
			项目地址：
				<a href="//gitee.com/htct1314/doudou-tool" target="_blank">
					<img class="ws-gitee-img ws-gitee-img-white" src="//gitee.com/htct1314/doudou-tool/badge/star.svg?theme=white" alt="star"/>
					<img class="ws-gitee-img ws-gitee-img-dark" src="//gitee.com/htct1314/doudou-tool/badge/star.svg?theme=dark" alt="star"/>
				</a>
			</span>
		    <span class="ws-email ws-margin-right-20 ws-font-black ws-bg-light"><span class="ws-email-title">邮箱：</span>htct1314@foxmail.com</span>
		  </div>
          <div class="ws-slogan ws-font-gray">
		  <span>个人IT开发技术社区。sdsds</span>
		  </div>
        </div>
      </div>
      <div class="layui-padding-3 ws-margin-top-20">
        <ul class="ws-article-list">
          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/fnos.html">旧电脑秒变NAS！安装飞牛OS超简单教程</a>
            </div>
            <div class="ws-article-date">2025-04-25</div>
          </li>
          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/frp.html">利用 frp 实现内网穿透</a>
            </div>
            <div class="ws-article-date">2025-04-25</div>
          </li>
          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/1.html">破解补丁、激活码激活PhpStorm_v2019.3.3（激活至2089年）</a>
            </div>
            <div class="ws-article-date">2019-04-22</div>
          </li>
          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/2.html">Nginx服务器 在域名隐藏/去掉index.php（网站伪静态）</a>
            </div>
            <div class="ws-article-date">12-10</div>
          </li>
          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/3.html">Nginx配置ws及wss代理</a>
            </div>
            <div class="ws-article-date">12-10</div>
          </li>
          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/4.html">Chrome（谷歌浏览器）和Firefox（火狐浏览器） 安装 Vue Devtools</a>
            </div>
            <div class="ws-article-date">12-10</div>
          </li>
          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/5.html">Apache服务器 在域名隐藏/去掉index.php（网站伪静态）</a>
            </div>
            <div class="ws-article-date">12-10</div>
          </li>
          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/6.html">Apache配置wss代理</a>
            </div>
            <div class="ws-article-date">12-10</div>
          </li>
          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/7.html">Nginx解决跨域问题【详解】</a>
            </div>
            <div class="ws-article-date">12-10</div>
          </li>

          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/8.html">Git基本使用</a>
            </div>
            <div class="ws-article-date">12-23</div>
          </li>

          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/9.html">Composer</a>
            </div>
            <div class="ws-article-date">12-23</div>
          </li>
          <li>
            <div class="ws-article-title">
              <a class="ws-bg-light" href="/article/10.html">OpenSSL安装与自签名证书</a>
            </div>
            <div class="ws-article-date">12-23</div>
          </li>
        </ul>
      </div>
    </div>

    <script type="text/html" id="qrModal">
      <div class="layui-row" style="display: flex; padding:15px;">
        <div class="layui-col-md6" style="flex: 0 0 50%;text-align: center;">
          <img src="/img/wxpay.jpg" class="ws-sponsor-img" />
        </div>
        <div class="layui-col-md6" style="flex: 0 0 50%;text-align: center;">
          <img src="/img/alipay.jpg" class="ws-sponsor-img" />
        </div>
      </div>
    </script>

    <div class="layui-footer ws-footer ws-bg-light">
      <div class="ws-text">
        <div class="ws-footer-menu">
          <div class="ws-footer-menu-type">
            <dl style="flex: 0 0 50%; max-width: 33.33%; width: 100%">
              <dt class="ws-bg-light">相关连接</dt>
              <dd>
                <a class="no-referrer" href="javascript:;" data-title="请作者喝咖啡" data-target="#qrModal">捐赠</a>
              </dd>
              <dd><a href="//www.066zz.cn" target="_blank">066zz.cn</a></dd>
            </dl>
            <dl style="flex: 0 0 50%; max-width: 33.33%; width: 100%">
              <dt class="ws-bg-light">联系我们</dt>
              <dd>
                <a href="mailto:htct1314@foxmail.com">htct1314@foxmail.com</a>
              </dd>
            </dl>
          </div>
          <div class="ws-footer-qr-code-list">
            <div class="ws-footer-qr-code">
              <div style="border: 1px solid #d1d1d1">
                <img src="/img/applet.jpg" style="width: 100%; max-width: 100%" alt="" />
              </div>
              <div style="text-align: center">小程序</div>
            </div>
            <div class="ws-footer-qr-code">
              <div style="border: 1px solid #d1d1d1">
                <img src="/img/we_chat.png" style="width: 100%; max-width: 120px" alt="" />
              </div>
              <div style="text-align: center">微信</div>
            </div>
            <div class="ws-footer-qr-code">
              <div style="border: 1px solid #d1d1d1">
                <img src="/img/sina.png" style="width: 100%; max-width: 120px" alt="" />
              </div>
              <div style="text-align: center">新浪微博</div>
            </div>
          </div>
        </div>
        <hr />
        <p>
          友情链接：
          <a href="//www.aliyun.com" target="_blank">阿里云</a>
          <a href="https://www.huaweicloud.com/" target="_blank">华为云</a>
          <a href="//cloud.tencent.com" target="_blank">腾讯云</a>
          <a href="//www.ctyun.cn/" target="_blank">天翼云</a>
        </p>
        <div class="ws-footer-copyright">
          <div>Copyright © <span id="footer-year"></span> 豆豆笔记 All Rights Reserved.</div>
          <div>豆豆笔记&nbsp;版权所有</div>
          <div>
            <a href="https://beian.miit.gov.cn" target="_blank">
              <img src="/img/icon.png" loading="lazy" style="height: 16px; margin-right: 5px" alt />
              <span>闽ICP备2022002089号-1</span>
            </a>
          </div>
        </div>
      </div>
    </div>

    <ul class="layui-fixbar" style="display: none">
      <li lay-type="top" style="display: list-item">
        <a href="JavaScript:;" class="layui-icon layui-icon-top layui-fixbar-top" style="display: block; color: #fff"></a>
      </li>
    </ul>

    <script src="/layui/layui.js"></script>
    <script src="/static/js/main.js"></script>
  </body>
</html>
